{include file="public/mobileheader"}
<style>
    body{
        padding-top: 50px;
        background-color: white;
    }
    .mui-icon{
        display: inline-block;
        text-align: center;
    }


    .user-img {
        width: 24px;
        height: 24px;
        border-radius: 12px;
        transform: translate(0px, 5px);
    }
    .order-num{
        margin-top: 9px;
        font-size: 20px;
        font-weight: 500;
        color: red;
    }
    .mui-table-view-cell{
        padding: 11px 24px;
    }
    .mui-btn-block{
        padding: 7px 0;
        margin-top: 3em;
    }
</style>

<body>
<header class="mui-bar mui-bar-nav">
    <a onclick="window.history.go(-1)" class="mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">订单详情页</h1>
</header>

<div style="text-align: center;">
    <img class="user-img" src="">
    <span class="agent-name">1</span>
    <p class="order-num">2</p>
    <p class="order-text">订购数量（个）</p>
</div>

<ul class="mui-table-view">
    <li class="mui-table-view-cell">订单创建日期<span class="mui-pull-right">3</span></li>
    <li class="mui-table-view-cell">订单编号<span class="mui-pull-right">4</span></li>
    <li class="mui-table-view-cell">
        <a href="#" style="padding: 11px 15px;" class="mui-navigate-right">
            代理商信息详情
        </a>
    </li>
</ul>



{include file="public/nav"}
</body>

{include file="public/mobilefooter"}
<script>
    $('#purchase').click(function() {
        var params  = {
            url : "{:url('')}",
            data: $('form').serialize(),
            type: 'post',
            sCallback:function(res){
                dialog.success(res.msg);
                location.reload();
            }
        };
        common.request(params);
    });
</script>

</html>